<template>

  <div class="page">
      <div class="list com-border-bottom" style="margin: 12px 0;">
          <ul>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <span class="icon"></span>
                      <div class="info">添加成员</div>
                  </a>
              </li>
          </ul>
      </div>
      <div class="list com-border-top com-border-bottom">
          <ul>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=44x44" alt="">
                      <div class="info">李振鹏<span class="tag tag_1">超级管理员</span></div>
                  </a>
              </li>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=44x44" alt="">
                      <div class="info">Grace<span class="tag tag_1">管理员</span></div>
                  </a>
              </li>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=44x44" alt="">
                      <div class="info">Kathle<span class="tag tag_2">组长</span></div>
                  </a>
              </li>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=44x44" alt="">
                      <div class="info">Judy Thompson</div>
                  </a>
              </li>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=44x44" alt="">
                      <div class="info">Teresa Rogers</div>
                  </a>
              </li>
              <li class="com-border-bottom">
                  <a class="touch" href="#">
                      <img class="avatar" src="http://sta.doumi.com/cgi/placeholder.php?size=44x44" alt="">
                      <div class="info">蔡胜强<span class="tag tag_3">未注册</span></div>
                  </a>
              </li>
          </ul>
      </div>
  </div>

</template>

<script>
    /**
     *  引入工具类库 或 Native API
     *  example : import widget from 'gapi/widget'
     */

    /**
     *  引入组件 以及 组件接口(Action)
     *  example : import Somecomponents from 'components/Somecomponents/Somecomponents'
     */

    /**
     *  组件实例对象
     */
    export default {
        components: {

        },
        data: function(){
            return{

            }
        },
        vuex: {
            getters: {

            },
            actions: {

            }
        },
        methods: {
            /**
             * 初始化
             * @method init
             * @public
             * @return {Null} void
             */
            init (){



            }
        },
        created(){

            this.init();

        }

    }


</script>

<!-- CSS 样式 -->
<style src="../../node_modules/weui/dist/style/weui.css"></style>
<style src="../../static/css/common.css"></style>
<style src="../../static/css/user-list.css"></style>
